<template>
  <div class="mod-config">
    <basic-container>
      <!-- <navigation :sign="{a:false,b:true,c:false,d:false,e:false}"></navigation> -->
      <div v-if="ymLoad" class="duiQitishi">
        <div class="tiShiTu">
          <img src="/images/qita/tishi.png" width="300">
        </div>
        <div class="tiShi">
          <div><b>您现在不是任何部门的奖金管理人员，无法进行职级奖金配置的操作</b></div>
          <div class="font18 mt10">您可以通知系统管理员，为您设置具体的奖金管理部门！</div>
        </div>
      </div>
      <div class="boxsty zhiBiao" v-else v-loading="qx"
           element-loading-text="无权限"
           element-loading-spinner="el-icon-circle-close"
           element-loading-background="rgba(0, 0, 0, 0.5)">
        <div class="flex justifyContentSpaceBetween">
          <div class="tabletext">职级奖金配置</div>
          <span class="mr20"><b>负责部门：</b>
            <el-select v-model="deptId" placeholder="请选择负责部门" class="xiaLa" style="width: 300px"
                       @change="switchDepartment">
              <el-option v-for="(item,index) in fzbmData" :key="index" :label="item.deptName"
                         :value="item.deptId"></el-option>
            </el-select>
            <b style="margin-left: 20px;">奖金类型：</b>
            <el-select v-model="jjxId" placeholder="请选择奖金类型" class="xiaLa" style="width: 300px" @change="selectJjx">
            <el-option v-for="(item,index) in jjxData" :key="index" :label="item.jjxMc" :value="item.id"></el-option>
          </el-select>
          </span>
        </div>
        <div class="mt10" style="height:60vh" v-if="dataListAll.length>0">
          <el-table :data="dataListAll[index].content" border v-loading="dataListLoading" max-height="530px">
            <el-table-column prop="ryZjmc" header-align="center" align="center" label="职级名称" fixed min-width="150px">
              <template slot="header">
                <el-select v-model="columnSelectValue">
                  <el-option
                    v-for="item in columnSelectOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </template>
              <template slot-scope="scope">{{ scope.row.ryZjmc }}</template>
            </el-table-column>

            <el-table-column prop="xsE" header-align="center" align="center" label="默认系数" min-width="160px">
              <template slot-scope="scope">
                <el-input-number v-model="scope.row.xs" :min="0.00" :precision="2" :step="0.1" :max="10"></el-input-number>
              </template>
            </el-table-column>

            <el-table-column prop="xsA" header-align="center" align="center" label="岗位系数A" min-width="160px">
              <template slot-scope="scope">
                <el-input-number v-model="scope.row.xsA" :min="0.00" :precision="2" :step="0.1"
                                 :max="10"></el-input-number>
              </template>
            </el-table-column>
            <el-table-column prop="xsB" header-align="center" align="center" label="岗位系数B" min-width="160px">
              <template slot-scope="scope">
                <el-input-number v-model="scope.row.xsB" :min="0.00" :precision="2" :step="0.1"
                                 :max="10"></el-input-number>
              </template>
            </el-table-column>
            <el-table-column prop="xsC" header-align="center" align="center" label="岗位系数C" min-width="160px">
              <template slot-scope="scope">
                <el-input-number v-model="scope.row.xsC" :min="0.00" :precision="2" :step="0.1"
                                 :max="10"></el-input-number>
              </template>
            </el-table-column>
            <el-table-column prop="xsD" header-align="center" align="center" label="岗位系数D" min-width="160px">
              <template slot-scope="scope">
                <el-input-number v-model="scope.row.xsD" :min="0.00" :precision="2" :step="0.1"
                                 :max="10"></el-input-number>
              </template>
            </el-table-column>
            <!--                <el-table-column prop="xsE" header-align="center" align="center" label="系数E" min-width="160px">-->
            <!--                  <template slot-scope="scope" >-->
            <!--                    <el-input-number v-model="scope.row.xsE" :min="0.00" :precision="2" :step="0.1" :max="10"></el-input-number>-->
            <!--                  </template>-->
            <!--                </el-table-column>-->

            <el-table-column prop="jjJsYjE" header-align="center" align="center" label="默认月奖金基数" min-width="180px">
              <template slot-scope="scope">
                <el-input-number v-model="scope.row.jjJsYj" :min="0.00" :step="100" :max="15000000" style="width: 155px"></el-input-number>
              </template>
            </el-table-column>

            <el-table-column prop="jjJsYjA" header-align="center" align="center" label="月奖金基数A" min-width="180px">
              <template slot-scope="scope">
                <el-input-number v-model="scope.row.jjJsYjA" :min="0.00" :step="100" :max="15000000"
                                 style="width: 155px"></el-input-number>
              </template>
            </el-table-column>
            <el-table-column prop="jjJsYjB" header-align="center" align="center" label="月奖金基数B" min-width="180px">
              <template slot-scope="scope">
                <el-input-number v-model="scope.row.jjJsYjB" :min="0.00" :step="100" :max="15000000"
                                 style="width: 155px"></el-input-number>
              </template>
            </el-table-column>
            <el-table-column prop="jjJsYjC" header-align="center" align="center" label="月奖金基数C" min-width="180px">
              <template slot-scope="scope">
                <el-input-number v-model="scope.row.jjJsYjC" :min="0.00" :step="100" :max="15000000"
                                 style="width: 155px"></el-input-number>
              </template>
            </el-table-column>
            <el-table-column prop="jjJsYjD" header-align="center" align="center" label="月奖金基数D" min-width="180px">
              <template slot-scope="scope">
                <el-input-number v-model="scope.row.jjJsYjD" :min="0.00" :step="100" :max="15000000"
                                 style="width: 155px"></el-input-number>
              </template>
            </el-table-column>
            <!--                <el-table-column prop="jjJsYjE" header-align="center" align="center" label="月奖金基数E" min-width="180px">-->
            <!--                  <template slot-scope="scope" >-->
            <!--                    <el-input-number v-model="scope.row.jjJsYjE" :min="0.00" :step="100" :max="15000000" style="width: 155px"></el-input-number>-->
            <!--                  </template>-->
            <!--                </el-table-column>-->

            <el-table-column prop="jjJsNjE" header-align="center" align="center" label="默认年奖金基数" min-width="200px">
              <template slot-scope="scope">
                <el-input-number v-model="scope.row.jjJsNj" :min="0.00" :step="1000" :max="15000000" style="width: 175px"></el-input-number>
              </template>
            </el-table-column>

            <el-table-column prop="jjJsNjA" header-align="center" align="center" label="年奖金基数A" min-width="200px">
              <template slot-scope="scope">
                <el-input-number v-model="scope.row.jjJsNjA" :min="0.00" :step="1000" :max="15000000"
                                 style="width: 175px"></el-input-number>
              </template>
            </el-table-column>
            <el-table-column prop="jjJsNjB" header-align="center" align="center" label="年奖金基数B" min-width="200px">
              <template slot-scope="scope">
                <el-input-number v-model="scope.row.jjJsNjB" :min="0.00" :step="1000" :max="15000000"
                                 style="width: 175px"></el-input-number>
              </template>
            </el-table-column>
            <el-table-column prop="jjJsNjC" header-align="center" align="center" label="年奖金基数C" min-width="200px">
              <template slot-scope="scope">
                <el-input-number v-model="scope.row.jjJsNjC" :min="0.00" :step="1000" :max="15000000"
                                 style="width: 175px"></el-input-number>
              </template>
            </el-table-column>
            <el-table-column prop="jjJsNjD" header-align="center" align="center" label="年奖金基数D" min-width="200px">
              <template slot-scope="scope">
                <el-input-number v-model="scope.row.jjJsNjD" :min="0.00" :step="1000" :max="15000000"
                                 style="width: 175px"></el-input-number>
              </template>
            </el-table-column>
            <!--                <el-table-column prop="jjJsNjE" header-align="center" align="center" label="年奖金基数E" min-width="200px">-->
            <!--                  <template slot-scope="scope" >-->
            <!--                    <el-input-number v-model="scope.row.jjJsNjE" :min="0.00" :step="1000" :max="15000000" style="width: 175px"></el-input-number>-->
            <!--                  </template>-->
            <!--                </el-table-column>-->
          </el-table>

        </div>
        <div style="float: left;margin-top: 30px;margin-left: 30px">
          <div class="fr mb10">
            <el-button @click="btnCreate()" type="primary" plain>生成配置</el-button>
            <el-button @click="btnSet()" type="primary" plain>应用配置</el-button>
          </div>
        </div>
        <div style="float: right;margin-top: 30px;margin-right: 30px">
          <div class="fr mb10">
            <el-checkbox v-model="checked">同步覆盖分组所有人员的系数与基数</el-checkbox>
            <el-button @click="updata()" type="primary" style="margin-left: 20px;">提交保存配置</el-button>
          </div>
        </div>
      </div>
    </basic-container>
    <table-form v-if="tableFormVisibale" ref="openPanels" @ShowContents="showOrSet($event,arguments)"></table-form>
  </div>
</template>

<script>
import {fetchList, delObj} from '@/api/jiangjin/jiangjinjjzjpzb'
import TableForm from './jiangjinjjzjpzb-form'
import {getJiangJinBm} from '@/api/admin/dept'
import {remote as remoteDict} from '@/api/admin/dict'
import {mapGetters} from 'vuex'
import {getObj, addObj, putObj, addObjs, putObjs} from '@/api/jiangjin/jiangjinjjzjpzb'
import {getJjDeptJjx} from '@/api/jiangjin/jiangjinjjxxxb'


export default {
  data() {
    return {
      // 列表-首列头选择下拉框相关
      columnSelectValue: 'zjmc',
      columnSelectOptions: [{
        value: 'zjmc',
        label: '岗位层级'
      }, {
        value: 'ygzz',
        label: '员工子组'
      }, {
        value: 'zw',
        label: '岗位'
      }],


      qx: false,
      dataForm: {
        jjDeptId: '',
      },
      index: 0,
      checked: false,
      fzbmData: [],
      deptId: '', //负责部门ID
      deptName: '', //负责部门名称
      activeName: '0',
      //奖金项
      jjxId: 0,
      jjxData: [],
      dataListAll: [],
      //用户职级字典
      userZjs: [],
      //主键
      dataId: '',
      tableFormVisibale: false,
      // -----------
      dataList: [],
      dataListLoading: false,
      ymLoad:false,
    }
  },
  components: {
    TableForm
  },
  computed: {
    ...mapGetters(['permissions'])
  },
  mounted() {
    this.getJiangJinJg();
  },
  methods: {
    //初始化取值
    setInit(jjDeptId) {
      // 奖金项
      getJjDeptJjx(jjDeptId).then(res => {
        this.jjxData = [];
        this.jjxData = res.data.data;
        this.dataListAll = [];
        this.jjxData.splice(0, 0, {
          id: 0, jjxMc: '默认'
        })
        ////console.log(this.jjxData);

        for (let i = 0; i < this.jjxData.length; i++) {
          let content = [];


          this.dataListAll.push({
            id: this.jjxData[i].id,
            mc: this.jjxData[i].jjxMc, index: i, content: []
          });
        }

        //职级名称
        this.getZjMc();
      })
    },
    // tab单击显示
    handleClick(tab, event) {
      ////console.log(tab);
      ////console.log(tab.label);//index name
      ////console.log(event);
    },
    selectJjx(node) {
      for (var i in this.dataListAll) {
        if (this.dataListAll[i].id == node) {
          this.index = i;
          break;
        }
      }
    },
    //获取奖金管理人机构
    getJiangJinJg() {
      getJiangJinBm().then(res => {
        //res.data.data != null && res.data.data.length > 0
        if (res.data.data != null && res.data.data.length > 0) {
          this.deptId = "";
          this.deptName = "";
          this.deptId = res.data.data[0].deptId;
          this.deptName = res.data.data[0].name;
          this.fzbmData = res.data.data;
          this.ymLoad = false;
          this.dataForm.jjDeptId = this.deptId;
          this.setInit(this.deptId);
          // this.getList();
        } else {
          //this.$notify.closeAll();
          //this.$notify.error("没有相关负责部门")
          this.qx = true;
          this.deptName = "无相关负责部门";
          this.ymLoad = true;
        }
      }).catch(err =>{
        this.ymLoad = true;
      });
    },
    //管理部门切换
    switchDepartment(deptId) {
      for (var a in this.fzbmData) {
        if (this.fzbmData[a].deptId == deptId) {
          this.deptId = this.fzbmData[a].deptId;
          this.deptName = this.fzbmData[a].deptName;
          this.dataForm.jjDeptId = this.deptId;
          this.setInit(this.deptId);
          this.jjxId = 0;
          this.index = 0;
          break;
        }
      }
    },
    //取得职级名称
    getZjMc() {
      remoteDict("user_zj").then(res => {
        this.userZjs = res.data.data;

        for (let i = 0; i < this.dataListAll.length; i++) {
          for (let j = 0; j < this.userZjs.length; j++) {
            this.dataListAll[i]["content"].push({
              ryZjbm: this.userZjs[j].value,
              ryZjmc: this.userZjs[j].label,
              xs: 0.00,
              xsA: 0.00,
              xsB: 0.00,
              xsC: 0.00,
              xsD: 0.00,
              xsE: 0.00,
              jjJsYj: 0.00,
              jjJsYjA: 0.00,
              jjJsYjB: 0.00,
              jjJsYjC: 0.00,
              jjJsYjD: 0.00,
              jjJsYjE: 0.00,
              jjJsNj: 0.00,
              jjJsNjA: 0.00,
              jjJsNjB: 0.00,
              jjJsNjC: 0.00,
              jjJsNjD: 0.00,
              jjJsNjE: 0.00,
            })
          }
        }
        ////console.log(this.dataListAll)
        this.getDataListNew();
      })
    },
    //取得数据
    getDataListNew() {
      // 最后调试，用页面级遮挡
      this.dataListLoading = true;

      fetchList(Object.assign({}, this.dataForm)).then(res => {
        const cData = res.data.data;
        if (cData.records.length === 0) {
          for (let i = 0; i < this.dataListAll.length; i++) {
            for (let j = 0; j < this.dataListAll[i]["content"].length; j++) {
              this.$set(this.dataListAll[i]["content"], "xs", 0.00);
              this.$set(this.dataListAll[i]["content"], "xsA", 0.00);
              this.$set(this.dataListAll[i]["content"], "xsB", 0.00);
              this.$set(this.dataListAll[i]["content"], "xsC", 0.00);
              this.$set(this.dataListAll[i]["content"], "xsD", 0.00);
              this.$set(this.dataListAll[i]["content"], "xsE", 0.00);

              this.$set(this.dataListAll[i]["content"], "jjJsYj", 0.00);
              this.$set(this.dataListAll[i]["content"], "jjJsYjA", 0.00);
              this.$set(this.dataListAll[i]["content"], "jjJsYjB", 0.00);
              this.$set(this.dataListAll[i]["content"], "jjJsYjC", 0.00);
              this.$set(this.dataListAll[i]["content"], "jjJsYjD", 0.00);
              this.$set(this.dataListAll[i]["content"], "jjJsYjE", 0.00);

              this.$set(this.dataListAll[i]["content"], "jjJsNj", 0.00);
              this.$set(this.dataListAll[i]["content"], "jjJsNjA", 0.00);
              this.$set(this.dataListAll[i]["content"], "jjJsNjB", 0.00);
              this.$set(this.dataListAll[i]["content"], "jjJsNjC", 0.00);
              this.$set(this.dataListAll[i]["content"], "jjJsNjD", 0.00);
              this.$set(this.dataListAll[i]["content"], "jjJsNjE", 0.00);
            }
          }
        } else {
          this.dataId = cData.records[0].id;
          let data = JSON.parse(cData.records[0].ryZjpz)
          ////console.log(data);

          for (let i = 0; i < this.dataListAll.length; i++) {
            this.showValue(this.dataListAll[i], data);
          }
        }

        this.dataListLoading = false
      }).catch(err => {
        this.dataListLoading = false
      })

    },
    //回显
    showValue(setValueData, getValueData) {
      let bExist = false;
      let lGetValue = [];
      Object.keys(getValueData).find(u => {
        if (setValueData.id == u) {
          lGetValue = getValueData[u];
          bExist = true;
        }
      })

      if (bExist) {
        for (let i = 0; i < setValueData["content"].length; i++) {
          for (let j = 0; j < lGetValue.length; j++) {
            if (setValueData["content"][i]["ryZjbm"] === lGetValue[j]["ryZjbm"]) {
              this.$set(setValueData["content"][i], "xs", lGetValue[j]["xs"]);
              this.$set(setValueData["content"][i], "xsA", lGetValue[j]["xsA"]);
              this.$set(setValueData["content"][i], "xsB", lGetValue[j]["xsB"]);
              this.$set(setValueData["content"][i], "xsC", lGetValue[j]["xsC"]);
              this.$set(setValueData["content"][i], "xsD", lGetValue[j]["xsD"]);
              this.$set(setValueData["content"][i], "xsE", lGetValue[j]["xsE"]);

              this.$set(setValueData["content"][i], "jjJsYj", lGetValue[j]["jjJsYj"]);
              this.$set(setValueData["content"][i], "jjJsYjA", lGetValue[j]["jjJsYjA"]);
              this.$set(setValueData["content"][i], "jjJsYjB", lGetValue[j]["jjJsYjB"]);
              this.$set(setValueData["content"][i], "jjJsYjC", lGetValue[j]["jjJsYjC"]);
              this.$set(setValueData["content"][i], "jjJsYjD", lGetValue[j]["jjJsYjD"]);
              this.$set(setValueData["content"][i], "jjJsYjE", lGetValue[j]["jjJsYjE"]);

              this.$set(setValueData["content"][i], "jjJsNj", lGetValue[j]["jjJsNj"]);
              this.$set(setValueData["content"][i], "jjJsNjA", lGetValue[j]["jjJsNjA"]);
              this.$set(setValueData["content"][i], "jjJsNjB", lGetValue[j]["jjJsNjB"]);
              this.$set(setValueData["content"][i], "jjJsNjC", lGetValue[j]["jjJsNjC"]);
              this.$set(setValueData["content"][i], "jjJsNjD", lGetValue[j]["jjJsNjD"]);
              this.$set(setValueData["content"][i], "jjJsNjE", lGetValue[j]["jjJsNjE"]);

              break;
            }
          }
        }
      } else {
        for (let i = 0; i < setValueData["content"].length; i++) {
          this.$set(setValueData["content"][i], "xs", 0.00);
          this.$set(setValueData["content"][i], "xsA", 0.00);
          this.$set(setValueData["content"][i], "xsB", 0.00);
          this.$set(setValueData["content"][i], "xsC", 0.00);
          this.$set(setValueData["content"][i], "xsD", 0.00);
          this.$set(setValueData["content"][i], "xsE", 0.00);

          this.$set(setValueData["content"][i], "jjJsYj", 0.00);
          this.$set(setValueData["content"][i], "jjJsYjA", 0.00);
          this.$set(setValueData["content"][i], "jjJsYjB", 0.00);
          this.$set(setValueData["content"][i], "jjJsYjC", 0.00);
          this.$set(setValueData["content"][i], "jjJsYjD", 0.00);
          this.$set(setValueData["content"][i], "jjJsYjE", 0.00);

          this.$set(setValueData["content"][i], "jjJsNj", 0.00);
          this.$set(setValueData["content"][i], "jjJsNjA", 0.00);
          this.$set(setValueData["content"][i], "jjJsNjB", 0.00);
          this.$set(setValueData["content"][i], "jjJsNjC", 0.00);
          this.$set(setValueData["content"][i], "jjJsNjD", 0.00);
          this.$set(setValueData["content"][i], "jjJsNjE", 0.00);
        }
      }

    },
    //提交配置
    updata() {
      let lTemp = {};

      lTemp[this.dataListAll[this.index].id] = this.dataListAll[this.index].content;

      ////console.log(this.dataListAll);
      ////console.log(lTemp);
      // return;

      let updata = {
        id: this.dataId,
        jjDeptId: this.deptId,
        ryZjpz: JSON.stringify(lTemp)
      };
      if (this.checked) {
        if (updata.id) {
          putObjs(updata).then(res => {
            if (res.data.code == '0') {
              this.$notify.success('修改成功')
              this.getDataListNew();
            }
          })
        } else {
          addObjs(updata).then(res => {
            if (res.data.code == '0') {
              this.$notify.success('添加成功')
              this.getDataListNew();
            }
          })
        }
      } else {
        if (updata.id) {
          putObj(updata).then(res => {
            if (res.data.code == '0') {
              this.$notify.success('修改成功')
              this.getDataListNew();
            }
          })
        } else {
          addObj(updata).then(res => {
            if (res.data.code == '0') {
              this.$notify.success('添加成功')
              this.getDataListNew();
            }
          })
        }
      }
    },
    btnCreate() {
      var row = this.dataListAll[this.index];
      this.tableFormVisibale = true;
      this.$nextTick(() => {
        this.$refs.openPanels.initCreate(row)
      })
    },
    btnSet() {
      var row = this.dataListAll[this.index];
      this.tableFormVisibale = true;
      this.$nextTick(() => {
        this.$refs.openPanels.initSet(row)
      })
    },
    //显示or设置
    showOrSet(e, parameters) {
      ////console.log(parameters);

      try {
        let sStr = [];
        sStr = JSON.parse(parameters[0]);
        ////console.log(sStr);

        let lTemp = {};
        lTemp = this.dataListAll[parameters[1].index];
        ////console.log(lTemp);

        for (let i = 0; i < lTemp["content"].length; i++) {
          for (let j = 0; j < sStr.length; j++) {
            if (lTemp["content"][i]["ryZjbm"] === sStr[j]["ryZjbm"]) {

              lTemp["content"][i]["xs"] = sStr[j]["xs"];
              lTemp["content"][i]["xsA"] = sStr[j]["xsA"];
              lTemp["content"][i]["xsB"] = sStr[j]["xsB"];
              lTemp["content"][i]["xsC"] = sStr[j]["xsC"];
              lTemp["content"][i]["xsD"] = sStr[j]["xsD"];
              lTemp["content"][i]["xsE"] = sStr[j]["xsE"];

              lTemp["content"][i]["jjJsYj"] = sStr[j]["jjJsYj"];
              lTemp["content"][i]["jjJsYjA"] = sStr[j]["jjJsYjA"];
              lTemp["content"][i]["jjJsYjB"] = sStr[j]["jjJsYjB"];
              lTemp["content"][i]["jjJsYjC"] = sStr[j]["jjJsYjC"];
              lTemp["content"][i]["jjJsYjD"] = sStr[j]["jjJsYjD"];
              lTemp["content"][i]["jjJsYjE"] = sStr[j]["jjJsYjE"];

              lTemp["content"][i]["jjJsNj"] = sStr[j]["jjJsNj"];
              lTemp["content"][i]["jjJsNjA"] = sStr[j]["jjJsNjA"];
              lTemp["content"][i]["jjJsNjB"] = sStr[j]["jjJsNjB"];
              lTemp["content"][i]["jjJsNjC"] = sStr[j]["jjJsNjC"];
              lTemp["content"][i]["jjJsNjD"] = sStr[j]["jjJsNjD"];
              lTemp["content"][i]["jjJsNjE"] = sStr[j]["jjJsNjE"];
              break;
            }
          }
        }
      } catch (err) {
       //console.log('参数错误')
        ////console.log(err)
      }

    },
    //------------------------------- 分割线啦

    //初始化列表数据
    getList() {
      remoteDict("user_zj").then(response => {
        this.userZjs = response.data.data;
        //循环用户职级字典表，初始化列表数据(职级名称)
        for (let x in this.userZjs) {
          this.dataList.push(
            {
              ryZjbm: this.userZjs[x].value,
              ryZjmc: this.userZjs[x].label,
            }
          )
        }
        this.getDataList()
      })
    },

    // 获取数据列表
    getDataList() {
      this.dataListLoading = true;
      fetchList(Object.assign({}, this.dataForm)).then(response => {
        if (response.data.data.records.length == 0) {
          //数据数值初始化
          for (let j in this.dataList) {
            this.dataList[j].xsA = 0.00,
              this.dataList[j].xsB = 0.00,
              this.dataList[j].xsC = 0.00,
              this.dataList[j].xsD = 0.00,
              this.dataList[j].xsE = 0.00,
              this.dataList[j].jjJsYj = 0.00,
              this.dataList[j].jjJsNj = 0.00
          }
        } else {
          this.dataId = response.data.data.records[0].id;
          let data = JSON.parse(response.data.data.records[0].ryZjpz)
          //获取到数据库的数据后为列表数据赋值
          for (let j in this.dataList) {
            for (let l in data) {
              if (data[l].ryZjbm == this.dataList[j].ryZjbm) {
                this.dataList[j].xsA = data[l].xsA,
                  this.dataList[j].xsB = data[l].xsB,
                  this.dataList[j].xsC = data[l].xsC,
                  this.dataList[j].xsD = data[l].xsD,
                  this.dataList[j].xsE = data[l].xsE,
                  this.dataList[j].jjJsYj = data[l].jjJsYj,
                  this.dataList[j].jjJsNj = data[l].jjJsNj
              }
            }
          }
        }

      })
      this.dataListLoading = false
    },

  }
}

</script>
